<!DOCTYPE html>
<html>
  <head>
    <title>Server sync | Newlife Church Toronto</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
    <script src="js/ini.js"></script>
    <script src="js/diff.js"></script>
    <script src="js/parser.js"></script>
    <script src="js/localStorage.js"></script>

    <!-- style sheet links -->
    <link rel="stylesheet" href="css/outline.css" type="text/css" media="screen" id="outlineStyle" />
    <link rel="stylesheet" href="css/form.css" type="text/css" media="screen" id="editFields" />
    <link rel="stylesheet" href="css/slides.css" type="text/css" media="screen,projection" />
    <link rel="stylesheet" href="css/control.css" type="text/css" media="screen" />
    <link rel="stylesheet" href="css/backend.css" type="text/css" media="screen" />
  </head>
  <body>
    <nav>
      <a href="control.html">Main page</a>
      <a href="edit.html">Edit songs</a>
    </nav>
    <div id="padded-content">
      <h1>Song Synchroniser</h1>

      <p>This page displays:</p>
      <ul>
        <li>
          Any songs where there is a difference between the local file and the file stored on the server.
        </li><li>
          Any set lists present on the server or the local machine.
        </li>
      </ul>
      <p>To use the page:</p>
      <ul>
      <li>For each song, click on the version that you want:<ul>
        <li>Select "On server" to retrieve the latest version of the song from the server</li>
        <li>Select "On this PC" version to send your version to the server,
          so that it's available to others</li>
      </ul></li>
      </ul>
      <p id="bePatient"><strong>Please wait</strong> while data is fetched from the server...</p>

      <div id="differentSlides">      
      </div>
      <div id="differentLists">
      </div>
    </div>
  </body>
</html>
